<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <div class="u-my-course__wrap">
        <section th:if="${#lists.isEmpty(dataMap['list'])}" class="no-data__wrap" style="display: block;">
            <span class="no-data-ico"></span>
            <p class="mt20"><span class="c-666">没有查询到任何课程~~~</span></p>
        </section>
        <section class="mb20" th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="courseBuy : ${dataMap['list']}">
            <div class="media">
                <div class="media-left pr">
                    <a th:if="${courseBuy['courseTypeKey']}=='PACKAGE' and ${courseBuy['status']}==1" th:href="@{/web/uc/play/toPlayCourse?packageId={packageId}&courseId=0&catalogId=0&type=LOBBY(packageId=${courseBuy['courseId']})}">
                        <img class="media-object lazy" width="150" th:attr="data-original=!${#maps.isEmpty(courseBuy['course']['imageMap'])}?${courseBuy['course']['imageMap']['pcUrlMap']['medium']} : null"
                             th:src="@{{path}/front/web/v3/img/default/default-course.gif(path=${staticPath})}"
                             th:alt="${courseBuy['course']['courseName']}"/>
                    </a>
                    <a th:if="${courseBuy['courseTypeKey']} !='PACKAGE' and ${courseBuy['status']}==1" th:href="@{/web/uc/play/toPlayCourse?packageId=0&courseId={courseId}&catalogId=0&type=LOBBY(courseId=${courseBuy['courseId']})}">
                        <img class="media-object lazy" width="150" th:attr="data-original=!${#maps.isEmpty(courseBuy['course']['imageMap'])}?${courseBuy['course']['imageMap']['pcUrlMap']['medium']} : null"
                             th:src="@{{path}/front/web/v3/img/default/default-course.gif(path=${staticPath})}"
                             th:alt="${courseBuy['course']['courseName']}"/>
                    </a>
                    <a th:if="${courseBuy['status']} !=1" href="javascript:void(0);">
                        <img class="media-object lazy" width="150" th:attr="data-original=!${#maps.isEmpty(courseBuy['course']['imageMap'])}?${courseBuy['course']['imageMap']['pcUrlMap']['medium']} : null"
                             th:src="@{{path}/front/web/v3/img/default/default-course.gif(path=${staticPath})}"
                             th:alt="${courseBuy['course']['courseName']}"/>
                    </a>
                    <section class="article-item-img-title_box">
                        <span class="fs12" th:text="${courseBuy['course']['courseTypeKey']}!='PACKAGE' ? ${courseBuy['course']['nodeNum'] + '节'} : ${courseBuy['course']['courseNum'] + '门课'}"></span>
                    </section>
                </div>
                <div class="media-body">
                    <section class="hLh30 txtOf">
                        <span class="label label-info label-inline fs12 vam" th:if="${courseBuy['course']['courseTypeKey']}=='VIDEO'">录播</span>
                        <span class="label label-primary label-inline fs12 vam" th:if="${courseBuy['course']['courseTypeKey']}=='LIVE'">直播</span>
                        <span class="label label-warning label-inline fs12 vam" th:if="${courseBuy['course']['courseTypeKey']}=='PACKAGE'">套餐</span>
                        <span class="label label-success label-inline fs12 vam" th:if="${courseBuy['course']['courseTypeKey']}=='COLUMNS'">专栏</span>
                        <span class="label label-success label-inline fs12 vam" th:if="${courseBuy['course']['courseTypeKey']}=='SMALL'">小班课</span>
                        <strong class="ml5">
                            <a th:if="${courseBuy['courseTypeKey']}=='PACKAGE' and ${courseBuy['courseTypeKey']}!='SMALL' and ${courseBuy['status']}==1" th:href="@{/web/uc/play/toPlayCourse?packageId={packageId}&courseId=0&catalogId=0&type=LOBBY(packageId=${courseBuy['courseId']})}" class="fs16 c-333 vam" th:text="${courseBuy['course']['courseName']}"></a>
                            <a th:if="${courseBuy['courseTypeKey']}!='PACKAGE' and ${courseBuy['courseTypeKey']}!='SMALL' and ${courseBuy['status']}==1" th:href="@{/web/uc/play/toPlayCourse?packageId=0&courseId={courseId}&catalogId=0&type=LOBBY(courseId=${courseBuy['courseId']})}" class="fs16 c-333 vam" th:text="${courseBuy['course']['courseName']}"></a>
                            <a th:if="${courseBuy['courseTypeKey']}=='SMALL' and ${courseBuy['status']}==1" th:data-id="${courseBuy['courseId']}" class="fs16 c-333 vam checkPlay" th:text="${courseBuy['course']['courseName']}"></a>
                            <a th:if="${courseBuy['status']} !=1  and ${courseBuy['courseTypeKey']}!='SMALL' " href="javascript:void(0)" class="fs16 c-333 vam" th:text="${courseBuy['course']['courseName']}"></a>
                        </strong>
                    </section>
                    <section class="fs12 hLh20 txtOf mt5">
                        <span class="c-999" th:text="'有效期：'+${courseBuy['validHint']}"></span>
                    </section>
                    <section class="hLh20 txtOf mt10">
                        <aside class="fs12 c-999 pull-left mt5">
                            <section
                                    class="studySpeed-wrap"
                                    data-toggle="tooltip"
                                    data-placement="top"
                                    th:attrappend="data-original-title='已学习：'+${courseBuy['studySpeed']} +'%'">
                                <aside class="studySpeed-bx" th:styleappend="'width:'+(${courseBuy['studySpeed']}+'%')"></aside>
                                <span class="studySpeed-num fs4 c-999" th:text="${courseBuy['studySpeed']} +'%'">0%</span>
                            </section>
                        </aside>
                        <a th:href="@{/web/uc/play/toPlayCourse?packageId={packageId}&courseId=0&catalogId=0&type=LOBBY(packageId=${courseBuy['courseId']})}" th:if="${courseBuy['courseTypeKey']}=='PACKAGE' and ${courseBuy['courseTypeKey']}!='SMALL' and ${courseBuy['status']}==1 and ${#maps.isEmpty(courseBuy['lastCourseCatalog'])}" class="pull-right fs14 c-info">开始学习<i class="fa fa-angle-right ml5"></i></a>
                        <a th:href="@{/web/uc/play/toPlayCourse?packageId=0&courseId={courseId}&catalogId=&type=LOBBY(courseId=${courseBuy['courseId']})}" th:if="${courseBuy['courseTypeKey']}!='PACKAGE' and ${courseBuy['courseTypeKey']}!='SMALL' and ${courseBuy['status']}==1 and ${#maps.isEmpty(courseBuy['lastCourseCatalog'])}" class="pull-right fs14 c-info">开始学习<i class="fa fa-angle-right ml5"></i></a>
                        <a href="javaScript:void(0)" th:if="${courseBuy['courseTypeKey']}=='SMALL' and ${courseBuy['status']}==1 and ${#maps.isEmpty(courseBuy['lastCourseCatalog'])}" th:data-id="${courseBuy['courseId']}" class="pull-right fs14 c-info checkPlay">开始学习<i class="fa fa-angle-right ml5"></i></a>
                        <a href="javascript:void(0)" th:if="${courseBuy['courseTypeKey']}=='PACKAGE' and ${courseBuy['status']}==0" th:attr="data-name=${courseBuy['course']['courseName']},data-id=${courseBuy['id']}" class="pull-right fs14 c-info activationPackage">激活套餐<i class="fa fa-angle-right ml5"></i></a>
                    </section>
                </div>
            </div>
            <div class="mt10" th:if="!${#maps.isEmpty(courseBuy['lastCourseCatalog'])}">
                <div class="cm-attr-alert">
                    <div class="alert alert-info">
                        <div class="hLh30 ml10 mr10 clearfix">
                            <aside class="pull-left">
                                <span class="c-999 fs12">上次学习到：</span>
                                <span class="c-999 fs12" th:text="${courseBuy['lastCourseCatalog']['catalogName']}"></span>
                            </aside>
                            <aside class="pull-right">
                                <a th:href="@{/web/uc/play/toPlayCourse?packageId={packageId}&courseId={courseId}&catalogId={catalogId}&type=LOBBY(packageId=${courseBuy['courseId']},courseId=${courseBuy['lastCourseCatalog']['courseId']},catalogId=${courseBuy['lastCourseCatalog']['id']})}" th:if="${courseBuy['courseTypeKey']}=='PACKAGE' and ${courseBuy['courseTypeKey']}!='SMALL' and ${courseBuy['status']}==1 and !${#maps.isEmpty(courseBuy['lastCourseCatalog'])}" class="pull-right fs14 c-info">继续学习<i class="fa fa-angle-right ml5"></i></a>
                                <a th:href="@{/web/uc/play/toPlayCourse?packageId={packageId}&courseId={courseId}&catalogId={catalogId}&type=LOBBY(packageId=${courseBuy['courseId']},courseId=${courseBuy['lastCourseCatalog']['courseId']},catalogId=${courseBuy['lastCourseCatalog']['id']})}" th:if="${courseBuy['courseTypeKey']}=='PACKAGE' and ${courseBuy['status']}==1 and !${#maps.isEmpty(courseBuy['lastCourseCatalog'])}" class="pull-right fs14 c-info">继续学习<i class="fa fa-angle-right ml5"></i></a>
                                <a th:href="@{/web/uc/play/toPlayCourse?packageId=0&courseId={courseId}&catalogId={catalogId}&type=LOBBY(courseId=${courseBuy['courseId']},catalogId=${courseBuy['lastCourseCatalog']['id']})}" th:if="${courseBuy['courseTypeKey']}!='PACKAGE' and ${courseBuy['status']}==1 and !${#maps.isEmpty(courseBuy['lastCourseCatalog'])}" class="pull-right fs14 c-info">继续学习<i class="fa fa-angle-right ml5"></i></a>
                            </aside>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
        </section>
    </div>
    <div data-th-replace="layout/user/user-center-page"></div>
</html>
